<template>
  <div style="padding: 20rpx">
    <div class="f ac xc cn mt30r">
      <img src="" alt="图片占位" style="height: 200rpx;width: 200rpx">
      <div class="f rel" style="align-items: baseline;">
        <div class="mt20r  b " style="color: red;font-size: 100rpx">
          75.0
        </div>
        <div style="color: #007aff" class=""> 分</div>
      </div>
      <div v-if="!istg" class="mt20r b" style="color: red;font-size: 50rpx">
        很抱歉！考核并未通过
      </div>
      <div v-else class="mt20r b" style="color: #007aff;font-size: 50rpx">
        恭喜您！考核通过
      </div>
      <div class="f bgf ac xb w100 mt20r">
        <img src="" alt="图片占位" style="height: 100%;width: 200rpx">
        <div class="f  cn f1 ml20r" style="padding: 10rpx 0">
          <div class="fs40r b"> ?????培训</div>

          <div class="f ac ">
            <div class="ga0">期限：</div>
            <div>无</div>
          </div>
          <div class="f ac ">
            <div class="ga0">及格分数：</div>
            <div>80分（总分100分）</div>
          </div>
          <div class="f ac ">
            <div class="ga0">奖励积分：</div>
            <div>8分</div>
          </div>
        </div>
      </div>
    </div>
    <div class=" fixed w90 b2 l50  f ac xb" style=" padding: 20rpx;transform: translateX(-50%)">
      <button class=" f1" @click="goAnalysis"
              style="background-color: #007aff;color: white;">
        考题解析
      </button>
      <button v-if="!istg" class=" f1 ml20r"
              style="background-color: #007aff;color: white;">
        申请补考
      </button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      istg: true
    };
  },
  methods: {
    goAnalysis() {
      uni.navigateTo({
        url: '/pages/authentication/analysis'
      })
    }
  }
}
</script>

<style scoped>

</style>
